<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="shortcut icon" href="images/icon.ico" type="/image/x-icon" />
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="js/bootstrap.bundle.js"></script>
    <link rel="stylesheet" href="css/main.css">
    <style>
        body {
            text-align: center;
        }

    </style>
    <title>Loading... - Supermarket Manage System</title>
</head>
<body>
    <div class="container p-5 my-5 border">
        <div class="spinner-border text-primary" style="font-size:3rem;width: 7rem;height: 7rem"></div>
        <h2 class="p-5 text-primary">Waiting for redirect...</h2>
    </div>

    <script>
        setTimeout(function () {
            window.location.href = "/";
        }, 3000)
    </script>
</body>
</html>